<template>
    <div class="product_list">
      <div class="product_info">
        <div class="products">产品</div>
      </div>
      <div class="product_info">
        <div class="products">产品</div>
      </div>
      <div class="product_info">
        <div class="products">产品</div>
      </div>
      <div class="product_info">
        <div class="products">产品</div>
      </div>
      <div class="product_info">
        <div class="products">产品</div>
      </div>
      <div class="product_info">
        <div class="products">产品</div>
      </div>
    </div>
</template>

<script>
export default {
  name: 'productList'
}
</script>

<style lang="stylus" scoped>
  .product_list
    background-color #8fffdf
    margin-top 5px
    width: 79%
    float right
    border #999999 solid 2px
    .product_info
      margin :0 1% 1% 0
      background-color #ff84d8
      position :relative
      overflow :hidden
      float :left
      width :24%
      height :0
      padding-bottom :20%

</style>
